        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>创建删除注册表单</title>
            <style>
                *{
                    margin: 0;
                    padding: 0;
                }

                button{

                    border: 1px solid #1a2b99;
                    background-color: #8cff3b;

                }
                table{
                    /*margin: 100px auto;*/
                    border: 1px solid #990099;
                    background-color: #8cff3b;
                    border-spacing: 0;
                }
               body table thead tr th,td{
                    border: 1px solid #990099;
                    background-color: #0A7EC3;
                    width: 200px;
                    height: 34px;
                   text-align: center;
                }

            </style>
            <script src="jquery.js"></script>
            <script>
                $(function () {
                    var data=[
                        {
                            name:"Messi",
                            number:"10",
                            honor: "LaligaChampion"
                        },
                        {
                            name:"Suya",
                            number:"9",
                            honor: "LaligaChampion"
                        },
                        {
                            name:"内马尔",
                            number:"10",
                            honor: "大巴黎Champion"
                        },
                        {
                            name:"德布劳内",
                            number:"17",
                            honor: "英超Champion"
                        }
                    ];
                    $("button").eq(0).click(function () {
//                        alert("000");
                        var str="";
                        for (var i=0;i<data.length;i++){
                        str=str+"<tr><td>"+data[i].name+"</td><td>"+data[i].number+"</td><td>"+data[i].honor+"</td></tr>";
                        }
                        $("tbody").append(str);
                    });
                });

            </script>
        </head>
        <body>

        <button>点我展示需要转会球员</button>
    <table>

        <thead>
           <tr>
               <th>姓名</th>
               <th>号码</th>
               <th>荣誉</th>
           </tr>
        </thead>
        <tbody>

        </tbody>
    </table>

        </body>
        </html>